<html>
<head>
<title>TechnoCoders Bootcamp</title>
<script type="text/javascript" language="Javascript" src="includes/js/jquery1.6.js"></script>
<link rel="stylesheet" href="includes/css/login/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="includes/css/login/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="includes/css/login/invalid.css" type="text/css" media="screen">
<!--<script type="text/javascript" language="Javascript" src="includes/js/auth.js"></script>-->
</head>
<body id="login">
<div id="login-wrapper" class="png_bg">
	<div id="login-top">
		<!-- <img id="logo" src="includes/images/technocoders_img.jpg" alt="TechnoCoders Logo"> -->
		<h1>TechnoCoders Bootcamp</h1>
	</div>
	<div id="login-content">
		<center>
		<?php if(isset($this->denied_message)){ ?>
		<h5 id="notify" style="color: red; font-weight: normal; font-size: 14px; font-family: Helvetica, Arial, sans-serif;"><?php echo $this->denied_message; ?></h5>
		<?php } else { ?>
		<h5 id="notify" style="color: green; font-weight: normal; font-size: 14px; font-family: Helvetica, Arial, sans-serif;">Enter your username and password</h5>
		<?php } ?>
		</center>
		
		<br><br>
		<form id="login-form" method="POST" action="<?php echo HTTP_HOST . '/index/auth'; ?>">
			<p>
				<label>Username</label>
				<input class="text-input" id="username" name="username" type="text">
			</p>
			<div class="clear"></div>
			<p>
				<label>Password</label>
				<input class="text-input" id="password" type="password" name="password">
			</p>
			<div class="clear"></div>
			<p>
				<input class="button" type="submit" name="submit" value="Sign In">
			</p>
		</form>
	</div>
</div>
</body>
</html>